.container{
	background-color: #f7f7f7;
}
.header-box{
	width: 100%;
	 background: linear-gradient(#9ac3ff 30%,  #f7f7f7);
	 .list-box{
		 display: flex;
		 padding: 20rpx;
		 box-sizing: border-box;
		 .list-item{
			 width: 20%;
			font-size: 12px;
			 view{
				 width: 100%;
				 text-align: center;
			 }
			 img{
				 width: 60%;
				 margin-bottom: 10rpx;
			 }
		 }
	 }
}
.center-box{
	display: flex;
	justify-content: space-between;
	padding: 20rpx 40rpx;
	.center-box-left{
		width: calc( 50vw - 25px );
		background-color: #daf0ff;
		padding: 10px;
		height: calc( 50vw - 30px );
		box-sizing: border-box;
		border-radius: 10px;
		position: relative;
		.font-title{
			color: #4385f7;font-size: 32rpx;font-weight: 600;
		}
		.font-p{
			color: #4385f7;font-size: 14px;margin-top: 5px;
		}
		.btn{
			margin-top: 5px;background-color: #4385f7;font-size: 12px;border-radius: 15px;padding:5px 10px;color: #fff;display: inline-block
		}
		.img-box{
			display: flex;justify-content: flex-end;transform: translate(5px,-20px);
			img{
				width: 60%;right: 10px;bottom: 10px;
			}
		}
}
	.center-box-right{
		width: calc( 50vw - 25px );
		height: calc( 50vw - 30px );
		box-sizing: border-box;
		border-radius: 10px;
		position: relative;
		display: flex;
		flex-direction: column;
		justify-content: space-between;
		.center-box-right-top{
			display: flex;
			background-color: #fde7e5;
			padding: 20rpx;
			height:  calc( 25vw - 20px );
			box-sizing: border-box;
			justify-content: space-between;
			align-items: center;
			.font-title{
				color: #d5483b;font-size: 32rpx;font-weight: 600;
			}
			.font-p{
				color: #d5483b;font-size: 14px;margin-top: 5px;
			}
			.btn{
				margin-top: 5px;background-color: #d5483b;font-size: 12px;border-radius: 15px;padding:5px 10px;color: #fff;display: inline-block
			}
			.img-box{
				display: flex;justify-content: flex-end;width: 40%;
				img{
					right: 10px;bottom: 10px;
				}
			}
		}
		
		}
}
.center-box-right-top{
	width: 100%;
	background-color: #fde7e5;
}
.center-box-right-bottom{
	display: flex;
	justify-content: space-between;
	.box-item-left{
		display: flex;
		flex-direction: column;
		justify-content: center;
		width: calc( 50% - 5px );
		height: calc( 25vw - 20px );
		border-radius: 15px;
		padding: 20rpx;
		box-sizing: border-box;
		background-color: #ffeddf;
		.font-title{
			color: #c5661b;font-size: 28rpx;font-weight: 600;
		}
		
	}
	.box-item-right{
		display: flex;
		flex-direction: column;
		justify-content: center;
		width: calc( 50% - 5px );
		border-radius: 10px;
		height:  calc( 25vw - 20px );
		padding: 20rpx;
		box-sizing: border-box;
		background-color: #ffeddf;
		.font-title{
			color: #c5661b;font-size: 28rpx;font-weight: 600;
		}
	}
}
.hot-shop-title{
	display: flex;
	justify-content: space-between;
	padding: 20rpx 40rpx;
	.hot-shop-icon{
		width: 5px;
		height: 100%;
		border-radius: 3px;
		margin-right: 10px;
		background-color: #4385f7;
	}
}
.hot-shop-list{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	padding: 20rpx 40rpx;
}
.hot-shop-item{
	width:calc( 50% - 5px );
	border-radius: 20rpx;
	overflow: hidden;
	margin-bottom: 10px;
	.box{
		background-color: #fff;
		padding: 20rpx;
	}
	img{
		width: 100%;
	}
	.m-5{
		margin-bottom: 5px;
	}
}
.hot-shop-right{
	color: #999;
	display: flex;
	align-items: center;
}